<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" id="vp" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<title>通知</title>
		<link rel="stylesheet" type="text/css" href="../../../css/style.css">
		<style type="text/css">
			[v-cloak] {
			   display: none;
			}
			body{
				background: #fff!important;
			}
			#notice{
				background: #fff;
			}
			.notice-main{
				padding:0 0.3rem;
				margin:0 auto;
			}
			
			.noticContent{
				line-height: 20px;
				padding-top: 0.5rem;
				border-top: solid 1px #F1F1F1;
				margin-top: 0.5rem;
			}
			.noticTitle{
				padding: 0.5rem 0 0.3rem 0;
				font-size: 18px;
				width: 300px;
	            overflow: hidden;/*超出部分隐藏*/
	            white-space: nowrap;/*不换行*/
	            text-overflow:ellipsis;/*超出部分文字以...显示*/
			}
			.noticTime{
				font-size: 12px;
				color: #7b7b7b;
			}
			.noticName{
				font-size: 12px;
				color: #7b7b7b;
			}
			.noticeImg img{
				width: 100%;
				margin-top: 15px;
			}
			.content{
				padding-top: 20px;
			}
		</style>
	</head>

	<body>
		<div id="notice" v-cloak>
			<div class="notice-main">
				<p class="noticTitle">{{item.title}}</p>
				<p class="noticTime fl">{{item.time}}</p>
				<p class="noticName fr">{{item.member_name}}</p> 
				<div class="clear"></div>
				<div class="noticeImg">
					<p class="content">{{item.title}}</p>
					<img v-for="itempic in item.pic" :src="itempic" />
				</div>
			</div>
		</div>
		<script src="../../../js/jquery-1.8.3.min.js"></script>
		<script src="../../../js/mui.js"></script>
		<script src="../../../js/vue.min.js"></script>
		<script src="../../../js/app.js"></script>
		<script src="../../../js/token.js"></script>
		<script> 
			mui.init();
			var state = app.getState();
			var memberToken = state.memberToken;
			var childid = state.childid
			
			mui.plusReady(function() {
				alert(1) 
				var self = plus.webview.currentWebview();
				var data = {
					uid: self.userid,
					id: self.noticeid,
					memberToken: memberToken,
					child_id:childid
				};
				mui.post(Apiurl+'index/notice_info', data, function(data) {
					alert(JSON.stringify(data))
					if(data && data.time) { 
						notice.item = data;
						
					}
				}, 'json');
				var notice = new Vue({
					el: '#notice',
					data: {
						item: {} //列表信息流数据
					}
				});
			});
		</script>
	</body>

</html>